@charset "utf-8";
/*---------------login----------------------*/
.header {
  height: 190px;
}
.header_top {
  height: 40px;
  line-height: 40px;
  padding: 45px 0;
  background-color: #fff;
}
.wrap {
  margin: 0 auto;
  width: 1200px;
}
.header_logo {
  color: #3facc0;
  font-size: 28px;
}
.tsg .header_logo {
  color: #2e4861;
}
.header_user {
  float: right;
  color: #2a8c9e;
  font-size: 16px;
}
.tsg .header_user {
  color: #3d5b77;
}
.header_user .line {
  margin: 0 20px;
  color: #dcdcdc;
}
.header_user a {
}
.header_user a:hover {
}
.header_bot {
  height: 60px;
  background-color: #2a8c9e;
}
.tsg .header_bot {
  background-color: #3d5b77;
}
.header_nav {
  height: 60px;
  margin-left: 200px;
}
.header_nav li {
  float: left;
}
.header_nav li a {
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
  display: block;
}
.header_nav li.on a,
.header_nav li a:hover {
  background-color: #1d6674;
}
.tsg .header_nav li.on a,
.tsg .header_nav li a:hover {
  background-color: #2e4861;
}
.header_nav li span {
  float: left;
  width: 40px;
  height: 60px;
  margin-right: 3px;
  display: inline-block;
}
[class^='icon-'],
[class*=' icon-'] {
  background: url(../icon/icon.png) 0 0 no-repeat;
}
.icon-dagl,
.icon-zcbg {
  background-position: 0 0;
}
.icon-cssj {
  background-position: -40px 0;
}
.icon-pjbg {
  background-position: -80px 0;
}
.icon-xxzy {
  background-position: -120px 0;
}
.icon-wftj {
  background-position: -160px 0;
}
.icon-fptj {
  background-position: -200px 0;
}
.icon-dybg {
  background-position: -240px 0;
}
.icon-bggl {
  background-position: 0 -60px;
}
.icon-zygl {
  background-position: -40px -60px;
}
.icon-yhgl {
  background-position: -80px -60px;
}
.icon-dygl {
  background-position: -120px -60px;
}
.icon-yhgl2 {
  background-position: 0 -120px;
}
.icon-tsmlgl {
  background-position: -40px -120px;
}
.icon-ggtsgl {
  background-position: -280px -120px;
}
.icon-bgstsgl {
  background-position: -200px -120px;
}
.icon-fjtsgl {
  background-position: -240px -120px;
}

.footer {
  height: 160px;
  line-height: 20px;
  border-top: solid 1px #c9c9c9;
  background-color: #fff;
  text-align: center;
}
.tsg.footer {
  background-color: #3d5b77;
}
.footer_top {
  height: 20px;
  margin: 30px 0;
  font-size: 16px;
}
.footer_center {
  font-size: 14px;
}
.footer_center a {
  margin: 0 10px;
  color: #666;
}
.tsg .footer_center a {
  color: #fff;
}
.footer_center a:hover {
  color: #333;
  text-decoration: underline;
}
.tsg .footer_center a:hover {
  color: #fff;
}
.footer_bot {
  margin-top: 15px;
  font-size: 12px;
  color: #666;
}
.tsg .footer_bot {
  color: #959595;
}
.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
/*--------------------pagebox---------------*/
.pagebox {
  margin: 30px 0;
}
.pagebox a,
.pagebox span {
  margin-right: 10px;
  padding: 0 10px;
  line-height: 28px;
  display: inline-block;
}
.pagebox a {
  border: solid 1px #32adf9;
}
.pagebox a:hover,
.pagebox a.on {
  color: #fff;
  background-color: #32adf9;
}
.pagebox2 {
  margin: 20px 0 0;
}
.pagebox2 li {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.pagebox2 a {
  color: #32adf9;
}
.pagebox2 a:hover {
  text-decoration: underline;
}
/*--------------------table---------------*/
.t3 td {
  width: 33.33%;
}
.t4 td {
  width: 25%;
}
.t5 td {
  width: 18%;
}
.t5 td:last-child {
  width: 28%;
}
.t5_1 td {
  width: 18%;
}
.t5_1 td:nth-child(2) {
  width: 28%;
}
.t5_2 td {
  width: 18%;
}
.t5_2 td:first-child {
  width: 28%;
}
.t5_3 td {
  width: 18%;
}
.t5_3 td:last-child {
  width: 28%;
}
.t5_4 td {
  width: 18%;
}
.t5_4 td:first-child {
  width: 28%;
}
.table_list.t5 td:last-child {
  text-align: right;
}
.t5 td:last-child a {
  margin-left: 30px;
}
.t61 td {
  width: 12%;
}
.t61 td:first-child {
  width: 3%;
}
.t61 td:last-child {
  width: 25%;
}
.table_list.t61 td:last-child {
  text-align: right;
}
.t7 td {
  width: 12%;
}
.t7 td:nth-child(2) {
  width: 28%;
}
.t7_2 td {
  width: 11%;
}
.t7_2 td:nth-child(7) {
  width: 34%;
}
.t7_3 td {
  width: 10%;
}
.t7_3 td:nth-child(n + 4) {
  width: 15%;
}
.t7_4 td {
  width: 14%;
}
.t7_4 td:last-child,
.t7_4 td:first-child {
  width: 22%;
}
.t7_5 td {
  width: 13%;
}
.t7_5 td:first-child {
  width: 22%;
}
.t7_6 td {
  width: 10%;
}
.t7_6 td:nth-child(2),
.t7_6 td:nth-child(4) {
  width: 22%;
}
.t8 td {
  width: 12%;
}
.t8 td:nth-child(2) {
  width: 23%;
}
.table {
  width: 100%;
}
.table td {
  height: 34px;
  line-height: 34px;
  color: #666;
  text-align: center;
}
.table_title {
  float: left;
  margin-top: 6px;
}
.table_title td {
  font-size: 14px;
  border-right: solid 1px #dcdcdc;
}
.tsg .table_title td {
  border-right: solid 1px #b1c9e3;
}
.table td:first-child {
  text-align: left;
}
.table td:last-child {
  border-right: 0;
}
.table_list {
  margin-bottom: 20px;
}
.table_list td {
  height: 70px;
  font-size: 16px;
  border-bottom: solid 1px #e5e5e5;
}
.table_list td a {
  color: #2a8c9e;
}
.table_list td a:hover {
  color: #f19149;
  text-decoration: underline;
}
.table_list select {
  width: 110px;
  height: 34px;
  padding: 7px;
  font-size: 14px;
  border: solid 1px #c4c4c4;
}
.table_list td a {
  margin-left: 10px;
}
.tablehover tr:hover {
  background-color: #fef6eb;
}
.table_list label {
  margin-left: 10px;
}

/*--------------------pop---------------*/
.pop_wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.pop_box {
  position: absolute;
  left: 50%;
  top: 20%;
  width: 390px;
  margin-left: -195px;
  background-color: #fff;
  border-radius: 6px;
}
.pop_head {
  padding: 35px 0;
  font-size: 22px;
  color: #000;
  text-align: center;
}
.pop_head .close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #d2d2d2;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.pop_head .close:hover {
  color: #fff;
  background-color: #333;
}
.pop_body {
  min-height: 120px;
  padding: 20px 25px;
  font-size: 14px;
}
.diapei_dl {
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 50px;
}
.diapei_dl dt {
  float: left;
  width: 80px;
  height: 50px;
  font-size: 16px;
  color: #999;
}
.diapei_dl dd {
  float: left;
  width: 258px;
  height: 50px;
  background-color: #e2e2e2;
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
  border: solid 1px #acacac;
  border-radius: 6px;
}
.diapei_dl dd select {
  width: 260px;
  height: 50px;
  padding: 15px;
  background-color: transparent;
  border: 0;
}
.diapei_dl dd input {
  width: 240px;
  height: 30px;
  padding: 10px;
  background-color: transparent;
  border: 0;
}
.diapei_dl dd ul {
  position: relative;
  top: -3px;
  left: -1px;
  width: 278px;
  padding: 6px 0 2px;
  background-color: transparent;
  border: solid 1px #999;
  border-top: 0;
}
.diapei_dl dd ul li {
  height: 40px;
  line-height: 40px;
}
.diapei_dl dd ul li a {
  padding: 0 10px;
  display: block;
}
.diapei_dl dd ul li a:hover {
  color: #333;
  background-color: #eee;
}
.pop_foot {
  border-top: solid 1px #999;
  font-size: 14px;
}
.pop_foot li {
  float: left;
  width: 50%;
  height: 60px;
  line-height: 60px;
}
.pop_foot li a {
  font-size: 20px;
  color: #28b2ff;
  text-align: center;
  display: block;
}
.pop_foot li:first-child a {
  border-right: solid 1px #999;
}
